﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
    <title>Acompanhar Canais</title> 
    <link rel="Stylesheet" href="../style/global.css" type="text/css" /> 
</head> 
<body>
    <div class="topo"> 
        <h1>Vê o Extra</h1> 
        <a href="#" class="indicar-amigo">Indicar este aplicativo para meus amigos</a>
        <a href="#" class="logo">
        <img src="../images/logo.png" alt="Vê o Extra" /></a>
    </div>
    <div id="acompanhar_canais">
        <div>
            <h1>
                Meus Canais
            </h1>
            <select name="canais" class="dropdown_canais">
                <option>Todos</option>
                <option>Notícias > País</option>
                <option>Notícias > Bizarro</option>
                <option>Polícia</option>
                <option>Lazer e Famosos > Receitas</option>
                <option>Esportes > Tudo sobre Esportes</option>
            </select>
            <a href="#" class="config-canais">Alterar meus canais</a>
        </div>
        <div class="pagina-escolha">
        <div id="base">
            <ul class="lista-noticias">
            <li>
                <h2>
                    <a href="#" target="_blank" class="tit_esporte">Notícias > País</a></h2>
                <p>
                    <a href="#" target="_blank" class="txt_data">03/09/2010 - 14:28</a></p>
                <h3>
                    <a href="#" target="_blank" class="txt_chamada">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>
                <p>
                    <a href="#" target="_blank" class="txt_noticia">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
                    in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a>
                </p>
                <ul>
                    <li><a href="#" target="_blank" class="ler-mais">Ler Mais<span></span></a></li><li><a
                        href="#" class="envie-amigos">Enviar para meus amigos</a></li>
                </ul>
            </li>
            <li><hr /></li>
            <li>
                <h2>
                    <a href="#" target="_blank" class="tit_noticias">Esportes > Futebol</a></h2>
                <p>
                    <a href="#" target="_blank" class="txt_data">03/09/2010 - 14:28</a></p>
                <h3>
                    <a href="#" target="_blank" class="txt_chamada">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>
                <p>
                    <a href="#" target="_blank" class="txt_noticia">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
                    in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a>
                </p>
                <ul>
                    <li><a href="#" target="_blank" class="ler-mais">Ler Mais<span></span></a></li><li><a
                        href="#" class="envie-amigos">Enviar para meus amigos</a></li>
                </ul>
            </li>
            <li><hr /></li>
            <li>
                <h2>
                    <a href="#" target="_blank" class="tit_policia">Polícia</a></h2>
                <p>
                    <a href="#" target="_blank" class="txt_data">03/09/2010 - 14:28</a></p>
                <h3>
                    <a href="#" target="_blank" class="txt_chamada">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>
                <p>
                    <a href="#" target="_blank" class="txt_noticia">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
                    in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a>
                </p>
                <ul>
                    <li><a href="#" target="_blank" class="ler-mais">Ler Mais<span></span></a></li><li><a
                        href="#" class="envie-amigos">Enviar para meus amigos</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
    <a href="#" class="ler-mais-extra">Ler mais notícias no site do Extra</a>
    </div>
</body>
</html>